<template>
    <div class="module">
      <img src="../../../../../public/617.jpg" class="tu"  @mouseover="hover = true" @mouseleave="hover = false">
      <h3>改革开放</h3>
      <p>是1978年12月 十一届三中全会 中国开始实行的对内改革、对外开放的政策。 中国的对内改革先从农村开始，1978年11月， 安徽省 凤阳县 小岗村 实行“分田到户， 自负盈亏 ”的 家庭联产承包责任制 （大包干），拉开了中国 对内 改革 的大幕。</p>
    </div>
  </template>
  
  
<script>
export default {
  data() {
    return {
      hover: false // 添加一个数据属性来控制鼠标悬浮状态
    };
  }
};
</script>

<style scoped>
.module {
  margin: 20px;
  border: 1px solid #232323;
  background-color: rgba(255, 224, 183, 0.2);
  position: relative; /* 确保模块是相对定位的 */
}

.tu {
  width: 100%;
  height: 200px;
  transition: transform 0.3s ease; /* 添加过渡效果 */
}

.tu:hover {
  transform: scale(1.1); /* 鼠标悬浮时放大图片 */
}
</style>